/* CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
	{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	/*	vertical-align: baseline;*/
}
/* HTML5 Reset */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
	{
	display: block;
}

aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block
}

ol,ul {
	list-style: none;
}

blockquote,q {
	quotes: none;
}

.placeholder {
	color: #aaa;
}

.mensajeValidacion {
	text-align: left;
	font-size: 11px;
	color: red;
}

blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End CSS Reset*/
/* general */
body {
	background-color: #41a837;
	font-size: 11px;
	font-family: Arial;
	cursor: default;
	color: #818e9a
}

a {
	color: #818e9a;
}

p {
	margin-bottom: 10px;
}

.clear {
	clear: both
}

.body {
	background-color: #FFF;
}

.txtVerde {
	color: #00853e;
}

.txtColor {
	font-size: 11px;
	font-family: Arial;
	color: #818e9a
}

.txtRojo {
	color: #ff0000;
}

.txt10 {
	font-size: 10px;
}

.txt14 {
	font-size: 14px;
	padding: 15px 0;
}

.bodyhome {
	background: url(../images/back_home.jpg) no-repeat #FFF center bottom;
	height: 594px;
}

.footerLogin {
	padding: 28px 0 20px 0;
	font-size: 11px;
	color: #baefb5;
	text-align: center;
	background: #32962A;
}

.footerHome {
	padding: 28px 0 20px 0;
	margin-top: -8px;
	font-size: 11px;
	color: #baefb5;
	text-align: center;
	background: url(../images/bk_footer.png) repeat-x top left;
}

.footer {
	padding: 28px 0 20px 0;
	margin-top: -60px;
	font-size: 11px;
	color: #baefb5;
	text-align: center;
	background: url(../images/bk_footer.png) repeat-x top left;
}

.contenedor {
	width: 988px;
	margin: 0 auto;
}

/* home */
#Login {
	margin-left: 528px;
	padding-top: 20px;
}

#Login .extranet {
	text-align: right;
	padding-right: 15px;
	height: 25px;
}

#Login .logo {
	height: 105px;
	padding-left: 40px;
}

.teclado {
	background: url(../images/bk_hr.gif) no-repeat top left;
	padding: 15px 0px 0px 30px;
	margin: 15px 0px 15px -30px;
	font-size: 15px;
}

#Login  ul {
	background: url(../images/bk_hr.gif) no-repeat bottom left;
	height: 2px;
	margin: 0px 0px 0 -30px;
	padding: 8px 0 40px 30px;
}

.teclado ul li {
	display: inline-block;
	margin-bottom: 5px;
	float: left;
}

.teclado ul li a {
	border: 1px solid #b1c4d5;
	text-align: center;
	width: 26px;
	line-height: 24px;
	display: block;
	background: url(../default/images/bg-input.png) left top repeat-x;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.teclado ul li a:hover {
	background: url(../default/images/bg-input-focus.png) left top repeat-x;
}

a.btIngresar {
	width: 183px;
	height: 45px;
	margin-left: 60px;
	display: block;
	background-image: url(../images/bt_ingresar.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

a.btIngresar:hover {
	background-position: 0px -45px;
}

/*** placeholder **/
::-webkit-input-placeholder {
	color: #b1c4d5;
}

:-moz-placeholder { /* Firefox 18- */
	color: #b1c4d5;
}

::-moz-placeholder { /* Firefox 19+ */
	color: #b1c4d5;
}

:-ms-input-placeholder {
	color: #b1c4d5;
}

/***** contenido interno ****/
.wrapper {
	background: #FFF url(../images/bg_wrapper.gif) repeat-x;
	min-height: 600px;
	height: auto !important;
	height: 600px;
	font-size: 12px;
	padding-bottom: 50px;
}

.wrapper .logo {
	position: absolute;
	top: 25px;
	left: 27px
}

.wrapper .herramienta {
	float: right;
	overflow: hidden;
	padding: 15px 15px 15px 0;
}

.wrapper .herramienta span {
	padding: 0 10px;
	color: #58b435;
}

h1 {
	font-family: 'DINOT_Bold';
	font-size: 20px;
	color: #00853e;
	margin-bottom: 20px;
}

h2 {
	font-family: 'DINOT_Bold';
	font-size: 15px;
	color: #00853e;
	margin: 20px -17px 17px -17px;
	padding: 0 0 7px 15px;
	border-bottom: 1px solid #86c017;
}

header {
	height: 96px;
	position: relative;
	margin-bottom: 50px;
}

nav {
	position: absolute;
	left: 242px;
	bottom: 0;
	font-family: 'DINOT_Bold';
	font-size: 15px;
}

nav a {
	color: #818e9a;
	line-height: 50px;
	padding: 0 0 15px 0;
}

nav a:hover,nav a.selecto {
	color: #86c017;
	background: url(../images/ico-hover.png) center bottom no-repeat;
}

nav span {
	background: url(../images/px_nav.gif) center top no-repeat;
	padding: 0 17px;
}

/***botones a la derecha ****/
.divBTN {
	float: right;
	padding: 0 15px 0 0
}

.divBTNInf {
	padding: 10px 0 0 0
}

/** columnas***/
#ColIzq,#ColDer {
	float: left
}

#ColIzq {
	width: 170px;
	margin-right: 56px;
	position: relative;
}

#ColDer {
	width: 762px;
}

#ColIzq a {
	position: relative;
	/* 	color:white; */
	text-align: center;
	padding: 8px 0;
	display: block;
	text-decoration: none;
	font-size: 11px;
	color: #cbe9c3;
	border-bottom: 1px solid #b4e594;
	background: #58b435;
	text-decoration: underline;
}

#ColIzq a:hover,#ColIzq a.selecto {
	background: url(../images/bg_li.jpg);
	color: white;
	text-decoration: none;
}

#ColIzq a.primero {
	border-radius: 5px 5px 0 0;
	behavior: url(PIE.htc);
}

#ColIzq a.ultimo {
	border-radius: 0 0 5px 5px;
	behavior: url(PIE.htc);
}

.classTabla {
	margin-bottom: 10px;
	height: 25em;
	overflow: auto;
	scrollbar-face-color: #d4e2eb;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #9baab2;
	scrollbar-3dlight-color: #C9CACA;
	scrollbar-arrow-color: #658090;
	scrollbar-track-color: #eaedee;
	scrollbar-darkshadow-color: #FFFFFF;
}

.classTablaEspacio {
	margin-bottom: 10px;
	height: 25em;
	overflow: auto;
	scrollbar-face-color: #d4e2eb;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #9baab2;
	scrollbar-3dlight-color: #C9CACA;
	scrollbar-arrow-color: #658090;
	scrollbar-track-color: #eaedee;
	scrollbar-darkshadow-color: #FFFFFF;
}

.classTabla.tranferencia {
	margin-bottom: 10px;
	height: 15em;
	overflow: auto;
}

.classTablaModal {
	margin-bottom: 10px;
	overflow: auto;
	scrollbar-face-color: #d4e2eb;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #9baab2;
	scrollbar-3dlight-color: #C9CACA;
	scrollbar-arrow-color: #658090;
	scrollbar-track-color: #eaedee;
	scrollbar-darkshadow-color: #FFFFFF;
}

.classTabla th,.classTabla td {
	padding: 8px;
	font-size: 11px;
}

.classTabla th {
	color: white;
}

.classTabla td {
	vertical-align: top
}

.classTabla.VerdeAncho {
	background: #58b435 url(../images/bg_thVerdeb.gif) left top no-repeat;
}

.classTabla.VerdeAncho td,.classTabla.VerdeAncho th {
	padding: 8px 3px;
}

.classTabla.Verde {
	background: #58b435 url(../images/bg_thVerde.gif) left top no-repeat;
}

.classTabla.Gris {
	background: #8d9399 url(../images/bg_thGris.gif) left top no-repeat;
}

.classTabla .td25 {
	background: #eff2f5;
}

.classTabla .td50 {
	background: #e3e8ec;
}

.classTabla .VerdeSinBorde {
	background: #58b435;
}

.classTablaResumen {
	margin-bottom: 10px;
}

.classTablaResumen th,.classTablaResumen td {
	padding: 8px;
	font-size: 11px;
	text-align: left;
	border-bottom: 2px solid white;
}

.classTablaResumen th {
	color: white;
	background: #58b435
}

.classTablaResumen td {
	vertical-align: top;
	background: #eff2f5
}

.divBloque {
	width: 670px;
	margin: 0 auto;
	padding: 10px 17px;
}

.divBloque .divBTN {
	float: left
}

.esProceso,.esEjecutado,.esporEjecutar {
	padding-right: 20px;
	display: block
}

.esProceso {
	background: url(../images/bt_estado_1.png) right 0 no-repeat;
}

.esEjecutado {
	background: url(../images/bt_estado_2.png) right -15px no-repeat;
}

.esporEjecutar {
	background: url(../images/bt_estado.png) right -30px no-repeat;
}

.InfoEmpresa {
	width: 640px;
}

.VerRechazado {
	padding: 10px 0 5px 0;
	text-align: right;
	font-size: 11px;
	font-weight: bold
}

/*** teclado en paginas internas */
#ColDer .teclado {
	background: none;
	padding: 0;
	margin: 10px 0;
	font-size: 11px;
}

#ColDer .teclado ul {
	background: none;
	height: 2px;
	margin: 0;
	padding: 0;
	width: 180px;
	float: left
}

#ColDer .teclado .btGrabar,#ColDer .teclado .btCancelar {
	display: block;
	float: none;
	margin: 0 0 5px 0;
}

#ColDer .teclado .divBTN {
	padding: 0;
	float: left
}
/*** fin teclado en paginas internas */

/*** links **/
.teclado ul li a,nav a,.classTabla a:hover {
	text-decoration: none;
}

a img {
	border: none;
	outline: none;
}

/*** botones ***/
a.btNuevo,a.btCerrar,a.btGrabar,a.btCancelar,a.btSalir,a.btSelecArchivo,a.btCargarAbono,a.btNuevoUsuario,a.btdarBaja,a.btdarActivo,a.btExportarExcel,a.btGenerarClave
	{
	height: 30px;
	display: block;
}

a:hover.btNuevo,a:hover.btCerrar,a:hover.btGrabar,a:hover.btCancelar,a:hover.btSalir,a:hover.btSelecArchivo,a:hover.btCargarAbono,a:hover.btNuevoUsuario,a:hover.btdarBaja,a.btdarActivo,a:hover.btGenerarClave
	{
	background-position: 0px -30px;
}

a.btCerrar {
	width: 113px;
	background: url(../images/bt_cerrar.png) 0 0 no-repeat;
}

a.btNuevo {
	width: 134px;
	background: url(../images/bt_nuevo_registro.png) 0 0 no-repeat;
	float: left
}

a.btGrabar {
	width: 116px;
	background: url(../images/bt_grabar.png) 0 0 no-repeat;
	float: left
}

a.btCancelar {
	width: 114px;
	background: url(../images/bt_cancelar.png) 0 0 no-repeat;
	float: left;
	margin-left: 5px;
}

a.btCancelarIngreso {
	width: 183px;
	height: 45px;
	margin-left: 60px;
	display: block;
	background: url(../images/bt_cancelar.png) 0 0 no-repeat;
	background-position: 0 0;
	background-repeat: no-repeat;
}

a.btSalir {
	width: 78px;
	background: url(../images/bt_salir.png) 0 0 no-repeat;
}

a.btSelecArchivo {
	width: 162px;
	background: url(../images/bt_seleccionar_archivo.png) 0 0 no-repeat;
	margin-left: 25px;
}

a.btCargarAbono {
	width: 200px;
	background: url(../images/bt_cargarAbono.png) 0 0 no-repeat;
}

a.btNuevoUsuario {
	width: 134px;
	background: url(../images/bt_nuevo_usuario.png) 0 0 no-repeat;
	float: left
}

a.btdarBaja {
	width: 113px;
	background: url(../images/bt_darBaja.png) 0 0 no-repeat;
	float: left;
	margin-left: 12px;
}

a.btdarActivo {
	width: 113px;
	background: url(../images/bt_darActivo.png) 0 0 no-repeat;
	float: left;
	margin-left: 12px;
}

a.btExportarExcel {
	width: 27px;
	background: url(../images/export_Excel.png) 0 0 no-repeat;
	background-size: 32px 27px;
	float: left;
	margin-left: 12px;
}

a.btGenerarClave {
	width: 133px;
	background: url(../images/bt_generar_clave.png) 0 0 no-repeat;
}

/* fonts */
@font-face {
	font-family: 'DINOT_Black';
	src: url('DINOT_Black.eot');
	src: url('DINOT_Black.eot?#iefix') format('embedded-opentype'),
		url('DINOT_Black.woff') format('woff'), url('DINOT_Black.ttf')
		format('truetype'), url('DINOT_Black.svg#DINOT_Black') format('svg');
	font-weight: normal;
}

@font-face {
	font-family: 'DINOT_Bold';
	src: url('DINOT_Bold.eot');
	src: url('DINOT_Bold.eot?#iefix') format('embedded-opentype'),
		url('DINOT_Bold.svg#DINOT_Bold') format('svg');
	font-weight: normal;
}

@font-face {
	font-family: 'DINOT_Light';
	src: url('DINOT_Light.eot');
	src: url('DINOT_Light.eot?#iefix') format('embedded-opentype'),
		url('DINOT_Light.woff') format('woff'), url('DINOT_Light.ttf')
		format('truetype'), url('DINOT_Light.svg#DINOT_Light') format('svg');
	font-weight: normal;
}

@font-face {
	font-family: 'DINOT_Medium';
	src: url('DINOT_Medium.eot');
	src: url('DINOT_Medium.eot?#iefix') format('embedded-opentype'),
		url('DINOT_Medium.woff') format('woff'), url('DINOT_Medium.ttf')
		format('truetype'), url('DINOT_Medium.svg#DINOT_Medium') format('svg');
	font-weight: normal;
}

@font-face {
	font-family: 'DINOT_Regular';
	src: url('DINOT_Regular.eot');
	src: url('DINOT_Regular.eot?#iefix') format('embedded-opentype'),
		url('DINOT_Regular.woff') format('woff'), url('DINOT_Regular.ttf')
		format('truetype'), url('DINOT_Regular.svg#DINOT_Regular')
		format('svg');
	font-weight: normal;
}

/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
.reveal-modal-bg {
	position: fixed;
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0, 0, 0, .8);
	z-index: 100;
	display: none;
	top: 0;
	left: 0;
}

.reveal-modal {
	visibility: hidden;
	top: 100px;
	left: 50%;
	margin-left: -300px;
	width: 520px;
	background: #eee url(modal-gloss.png) no-repeat -200px -80px;
	position: absolute;
	z-index: 101;
	padding: 30px 40px 34px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
	-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
}

.reveal-modal.small {
	width: 200px;
	margin-left: -140px;
}

.reveal-modal.medium {
	width: 400px;
	margin-left: -240px;
}

.reveal-modal.large {
	width: 600px;
	margin-left: -340px;
}

.reveal-modal.xlarge {
	width: 762px;
	margin-left: -440px;
}

.reveal-modal .close-reveal-modal {
	font-size: 22px;
	line-height: .5;
	position: absolute;
	top: 8px;
	right: 11px;
	color: #aaa;
	text-shadow: 0 -1px 1px rbga(0, 0, 0, .6);
	font-weight: bold;
	cursor: pointer;
}
/*
		
	NOTES
	
	Close button entity is &#215;
	
	Example markup
	
	<div id="myModal" class="reveal-modal">
		<h2>Awesome. I have it.</h2>
		<p class="lead">Your couch.  I it's mine.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
		<a class="close-reveal-modal">&#215;</a>
	</div>
	
	*/